<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/fancybox.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script src="js/index.js"></script>

</head>
<body>
<div class="header">
	<div class="container">
		<div class="left"><a href="###"><h1></h1></a></div>
		<div class="center">
			<li><a href="###">首页</a></li>
			<li><a href="###">隐形车衣</a></li>
			<li><a href="###">玻璃防爆膜</a></li>
			<li><a href="###">车身改色膜</a></li>
			<li><a href="###">施工案例</a></li>
			<li><a href="###">报价系统</a></li>
			<li><a href="###">质保查询</a></li>
			<li><a href="###">关于我们</a>
				<div class="des">
					<div class="main clearfix">
						<a href="###">公司简介</a>
						<a href="###">联系我们</a>
						<a href="###">在线留言</a>
					</div>
				</div>
			</li>
		</div>
		<div class="right"><button></button></div>
	</div>
</div>
		
		
		

<!-- 横幅 -->
<div class="banner">
	<div class="bd">
		<ul>
			<li><a href="###"><img src="images/banner01.jpg" alt=""></a></li>
			<li><a href="###"><img src="images/banner01.jpg" alt=""></a></li>
			<li><a href="###"><img src="images/banner01.jpg" alt=""></a></li>
		</ul>
		<div class="banner_prev">&lt;</div>
		<div class="banner_next">&gt;</div>
	</div>
</div>


<div class="pro main">
	<div class="htit">
		<h2>系列产品</h2>
	</div>
	<div class="pro_list">
		<div class="pro_box">
			<a href="###">
				<div class="text_box">
					<h3>隐形车衣</h3>
					<p>特殊透明涂层不仅可以防止由于污染和紫外线导致的膜变色，而且可以通过普通洗涤和干燥来自然修复日常生活中发生 </p>
					<button>查看更多</button>
				</div>
				<div class="img_box">
					<img src="images/pro_01.jpg" alt="">
				</div>
			</a>
		</div>
		<div class="pro_box">
			<a href="###">
				<div class="text_box">
					<h3>玻璃防爆膜</h3>
					<p>特殊透明涂层不仅可以防止由于污染和紫外线导致的膜变色，而且可以通过普通洗涤和干燥来自然修复日常生活中发生 </p>
					<button>查看更多</button>
				</div>
				<div class="img_box">
					<img src="images/pro_02.jpg" alt="">
				</div>
			</a>
		</div>
		<div class="pro_box">
			<a href="###">
				<div class="text_box">
					<h3>车身改色膜</h3>
					<p>特殊透明涂层不仅可以防止由于污染和紫外线导致的膜变色，而且可以通过普通洗涤和干燥来自然修复日常生活中发生 </p>
					<button>查看更多</button>
				</div>
				<div class="img_box">
					<img src="images/pro_03.jpg" alt="">
				</div>
			</a>
		</div>
	</div>
</div>




<div class="case main">
	<div class="htit">
		<h2>案例</h2>
	</div>
	<div class="case_list clearfix">
		<div class="case_box">
			<a href="###">
			<div class="img_box"><img src="images/case_01.jpg" alt=""></div>
			<div class="text_box"> 劳斯莱斯古斯特—隐形车衣I系列 </div>
			</a>
		</div>
		<div class="case_box">
			<a href="###">
			<div class="img_box"><img src="images/case_02.jpg" alt=""></div>
			<div class="text_box"> 劳斯莱斯古斯特—隐形车衣I系列 </div>
			</a>
		</div>
		<div class="case_box">
			<a href="###">
			<div class="img_box"><img src="images/case_03.jpg" alt=""></div>
			<div class="text_box"> 劳斯莱斯古斯特—隐形车衣I系列 </div>
			</a>
		</div>
		<div class="case_box">
			<a href="###">
			<div class="img_box"><img src="images/case_04.jpg" alt=""></div>
			<div class="text_box"> 劳斯莱斯古斯特—隐形车衣I系列 </div>
			</a>
		</div>
		<div class="case_box">
			<a href="###">
			<div class="img_box"><img src="images/case_05.jpg" alt=""></div>
			<div class="text_box"> 劳斯莱斯古斯特—隐形车衣I系列 </div>
			</a>
		</div>
		<div class="case_box">
			<a href="###">
			<div class="img_box"><img src="images/case_06.jpg" alt=""></div>
			<div class="text_box"> 劳斯莱斯古斯特—隐形车衣I系列 </div>
			</a>
		</div>
	</div>
</div>


<!-- video -->
<div class="ivideo main">
	<div class="htit">
		<h2>视频</h2>
	</div>
	<div class="media_box main">
		<div class="video_btn"></div>
		<div class="video_img"></div>
		<!-- 测试视频 -->
		<video class="video" controls='controls' src="images/video.mp4" width="1200">
			<source src="images/video.mp4" type="video/mp4" />
		</video>
	</div>
	
	
</div>


<!-- news-->
<div class="news main">
	<div class="htit">
		<h2>资讯</h2>
	</div>
	<div class="news_list clearfix">
		<div class="news_box">
			<a href="###">
			<div class="img_box"><img src="images/new_01.jpg" alt=""></div>
			<div class="text_box">
				<h3>隐形车衣是什么，有什么作用吗？</h3>
				<p>这几年汽车美容市场的新产品可谓层出不穷，比如隐形车衣的问世成为许多豪华车主的最爱...</p>
			</div>
			</a>
		</div>
		<div class="news_box">
			<a href="###">
			<div class="img_box"><img src="images/new_02.jpg" alt=""></div>
			<div class="text_box">
				<h3>隐形车衣是什么，有什么作用吗？</h3>
				<p>这几年汽车美容市场的新产品可谓层出不穷，比如隐形车衣的问世成为许多豪华车主的最爱...</p>
			</div>
			</a>
		</div>
		<div class="news_box">
			<a href="###">
			<div class="img_box"><img src="images/new_03.jpg" alt=""></div>
			<div class="text_box">
				<h3>隐形车衣是什么，有什么作用吗？</h3>
				<p>这几年汽车美容市场的新产品可谓层出不穷，比如隐形车衣的问世成为许多豪华车主的最爱...</p>
			</div>
			</a>
		</div>
	</div>
</div>


<div class="footer">
	<div class="main">
		<div class="bl">
			<div class="company"> &copy;广州南途汽车用品有限公司 </div>
			<a href="###">粤ICP备19142218号-1</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持：云路科技
		</div>
		<div class="br">
			<div class="bshare-custom icon-medium-plus">
				<div class="bsPromo bsPromo2"></div>
				<a title="分享到Facebook" class="bshare-facebook" href="javascript:void(0);"></a>
				<a title="分享到推他" class="bshare-tuita" href="javascript:void(0);"></a>
				<a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
			</div>
		</div>
	</div>
</div>




<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
	
</body>
</html>
